/*
 * @Author: your name
 * @Date: 2020-12-17 16:58:37
 * @LastEditTime: 2020-12-17 17:06:12
 * @LastEditors: Please set LastEditors
 * @Description: zz-tag
 * @FilePath: \gitee-WeBi\js\vue\components\zzTag\zzTag.js
 */
Vue.component("zz-tag",{
    template:`<span class="zz-tag" :class="[type=='default'?'':typeData[type].tagClass]">
        <span>
            <slot></slot>
        </span>
        <i :class="[type=='default'?'el-icon-close':typeData[type].iconClass]"></i>
    </span>`,
    props:{
        type:{
            type:String,
            default:"default"
        }
    },
    data(){
        return {
            typeData:{
                "default":{
                    tagClass:"",
                    iconClass:"el-icon-close"
                },
                "primary":{
                    tagClass:"zz-tag-primary",
                    iconClass:"el-icon-close"
                },
                "add":{
                    tagClass:"zz-tag-add",
                    iconClass:"el-icon-plus"
                }
            }
        };
    },
    methods:{
        
    }
});